<template>
    <div>
        <h5>孙子</h5>
        <p>{{ message }}</p>
        <!-- 孙子改爷爷数据 -->
        <p>
            <button @click="message++">message++</button>
        </p>
    </div>
</template>


<script setup>
import { inject } from 'vue'

//Inject (注入) 注入上层组件提供的数据
const message = inject('message')
console.log('这里是孙子组件获取爷爷组件的message',message)

//Inject (注入) 注入上层组件提供的数据
console.log('这里是孙子组件获取爷爷组件的myFistKey',inject('myFistKey'))

</script>


<style>
</style>